.qs-cells{
  color: $cell-color;
  background-color: $cell-bg;
  position: relative;
  overflow: hidden;
  &:before{
    @include line-top($cell-border);
  }
  &:after{
    @include line-bottom($cell-border);
  }
}
.qs-cell{
  position: relative;
  padding: $cell-padding 15px;
  display: flex;
  align-items: center;
  &:not(:first-child):before{
    @include line-top($cell-border);
    left: 15px;
  }
}
a.qs-cell{
  &:after{
    margin-left: 5px;
    @include chevron-right;
  }
  &:active{
    background-color: $cell-hover-color;
  }
}
.qs-cell-hd{
  padding-right: 10px;
}
.qs-cell-bd{
  flex: 1;
}
.qs-cell-ft{
  padding-left: 10px;
  color: $cell-ft-color;
}


.qs-cells-form{
  input[type='text'],
  input[type='search'],
  input[type='password']{
    width: 100%;
    border: none;
    box-shadow: none;
    padding: 0;
    outline: none;
  }
  .qs-cell-radio{
    margin: 0 10px;
    padding-left: 1.5em;
    font-weight: normal;
    position: relative;
    input[type='radio']{
      display: none;
      &:checked+.radio-btn{
        border: none;
        background-color: $primary;
      }
    }
    .radio-btn{
      position: absolute;
      width: 1em;
      height: 1em;
      border-radius: 50%;
      border: 1px solid #ccc;
      background-color: #fff;
      @include center(vertical);
    }
  }
}